<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>标题</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="/lib/layui/css/layui.css">
    <link rel="stylesheet" href="/statics/layui/font/font.css" media="all"/>
    <link rel="stylesheet" href="/static/css/weadmin.css">
    <style type="text/css">
        html, body {
            height: 100%;
        }

        .chooseBox {
            border: 1px solid #333;
            height: 300px;
            padding: 10px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            overflow-y: auto;
        }

        .leftBox > p {
            line-height: 30px;
            padding-left: 20px;
            cursor: pointer;
        }

        .leftBox > p:hover {
            background: #ddd;
        }

        .leftBox > p.selected {
            background: #d5d5d5;
        }
    </style>
</head>
<body>
<div class="layui-fluid" style="height:100%;">
    <form class="layui-form" lay-filter="formData">
        <input type="hidden" name="userId" class="formData">
        <div class="layui-form-item">
            <label class="layui-form-label required">姓名</label>
            <div class="layui-input-block">
                <input type="text" name="realName" lay-verify="required" placeholder="姓名"
                       autocomplete="off" class="layui-input formData">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label required">性别</label>
            <div class="layui-input-block">
                <input type="radio" name="gender" value="1" class="formData" lay-filter="sex" title="男"/>
                <input type="radio" name="gender" value="2" class="formData" lay-filter="sex" title="女"/>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label required">身份证号码</label>
            <div class="layui-input-block">
                <input type="text" name="userCard" lay-verify="required" placeholder="身份证号码"
                       autocomplete="off" class="layui-input formData">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label required">联系方式</label>
            <div class="layui-input-block">
                <input type="text" name="contact" lay-verify="required" placeholder="联系方式"
                       autocomplete="off" class="layui-input formData">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label required">选择单位</label>
            <div class="layui-input-block">
                <input type="text" name="" id="companyInput" lay-verify="required" placeholder="选择单位"
                       autocomplete="off" class="layui-input" readonly>
                <input type="hidden" name="orgNo" class="formData">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label required">选择角色</label>
            <div class="layui-input-block">
                <input type="text" name="roleNameList" id="roleInput" lay-verify="required" placeholder="选择角色"
                       autocomplete="off" class="layui-input" readonly>
                <input type="hidden" name="roleIdList" class="formData">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label required">登录名</label>
            <div class="layui-input-block">
                <input type="text" name="userName" lay-verify="required" placeholder="登录名"
                       autocomplete="off" class="layui-input formData">
            </div>
        </div>
    </form>
</div>
<script type="text/javascript" src="/lib/layui/layui.js"></script>
<script src="/static/js/main.js"></script>
<!--<script type="text/javascript" src="../../../statics/js/sys/editDict.js"  charset="utf-8"></script>-->
<script>
    layui.use(['form', 'sessionFun', 'configure', 'configureCom', 'ztree'], function () {
        window.$ = layui.$;
        var form = layui.form;
        var configure = layui.configure;
        ztree = layui.ztree;
        var configureCom = layui.configureCom;
        var sessionFun = layui.sessionFun;
        var listData = sessionFun.get(configure.SESSION_LIST_DATA);
        if (listData) {
            var roleNameList = '';
            var roleIdList = '';
            $(listData.roleList).each(function (index, item) {
                if (!index) {
                    roleIdList = item.roleId;
                    roleNameList = item.roleName;
                } else {
                    roleIdList = ',' + item.roleId;
                    roleNameList = ',' + item.roleName;
                }
            });
            listData.roleIdList = roleIdList;
            listData.roleNameList = roleNameList;
            form.val('formData', listData);
        }
        form.render();
        $('.layui-form').on('click', '#companyInput', function () {
            var $this = $(this);
            var value = $(this).next().val();
            top.layer.open({
                type: 2,
                area: configureCom.Psize1,
                content: configureCom.nocache(configure.USER_COMPANY_HTML),
                btn: ['选择'],
                yes: function (index, layero) {
                    var iframeWin = top.window.frames['layui-layer-iframe' + index]; //得到iframe页的窗口对
                    var data = iframeWin.getData();
                    $this.val(data[0].orgName);
                    $this.next().val(data[0].orgNo);
                    top.layer.close(index);
                }
            })
        });
        $('.layui-form').on('click', '#roleInput', function () {
            var $this = $(this);
            var value = $(this).next().val();
            top.layer.open({
                type: 2,
                area: configureCom.Psize1,
                content: configureCom.nocache(configure.USER_ROLE_HTML),
                btn: ['选择'],
                yes: function (index, layero) {
                    var iframeWin = top.window.frames['layui-layer-iframe' + index]; //得到iframe页的窗口对
                    var data = iframeWin.getData();
                    var roleIdData = '';
                    var roleNameData = '';
                    $(data).each(function (index, item) {
                        if (!index) {
                            roleIdData += item.roleId;
                            roleNameData += item.roleName;
                        } else {
                            roleIdData += ',' + item.roleId;
                            roleNameData += ',' + item.roleName;
                        }
                    });
                    $this.val(roleNameData);
                    $this.next().val(roleIdData);
                    top.layer.close(index);
                }
            });
        });
    });

    function getData() {
        var data = {};
        $('.formData').each(function (index, item) {
            var key = $(item).attr('name');
            data[key] = $(item).val();
        });
        return data;
    }
</script>
</body>
</html>
